<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="bundle.js"></script>
	</head>
	<body>
		<div id="tab" class="tab">
		        <h1 id="title" class="title">
		            <span class="active">标题一</span>
		            <span>标题二</span>
		            <span>标题三</span>
		        </h1>
		        <ul id="content" class="content">
		            <li class="show">内容一</li>
		            <li>内容二</li>
		            <li>内容三</li>
		        </ul>
	  </div>
	  <div id="tab1" class="tab">
		        <h1 id="title1"  class="title">
		            <span class="active">标题一</span>
		            <span>标题二</span>
		            <span>标题三</span>
		        </h1>
		        <ul id="content1" class="content">
		            <li class="show">内容一</li>
		            <li>内容二</li>
		            <li>内容三</li>
		        </ul>
	   </div>
	   <button id="left">　左　</button>
		<button id="right">　右　</button>
		<div id="tab2" class="tab">
			<h1 id="title2" class="title">
		            <span class="active">标题一</span>
		            <span>标题二</span>
		            <span>标题三</span>
		        </h1>
			<ul id="content2" class="content">
				<li class="show">内容一</li>
				<li>内容二</li>
				<li>内容三</li>
			</ul>
		</div>
	</body>
</html>
